<?php
    require_once 'config/conexao.class.php';
    require_once 'config/crud.class.php';

    $con = new conexao(); // instancia classe de conxao
    $con->connect(); // abre conexao com o banco
    include_once './header.php';
?>

            <script type="text/javascript">
                function _GET(name)
                {
                  var url   = window.location.search.replace("?", "");
                  var itens = url.split("&");

                  for(n in itens)
                  {
                    if( itens[n].match(name) )
                    {
                      return decodeURIComponent(itens[n].replace(name+"=", ""));
                    }
                  }
                  return null;
                }
                
                
            $(document).ready(function() {
                $('.nav').find('.active').removeClass('active');
                $('.nav').find('.planos').addClass('active');
                
                if(_GET("new")=="success"){
                  $('#dynamic-sucesso').show('slow');
                  $('#dynamic-sucesso').delay("3000").hide('slow');
                }
                
                
            });
            
  

	// AJAX de atualizaçã dos planos
	$(document).on('click','#bt_atualizar',function(){
		  var plan_id = $(this).data( "plano");
                  var valores = $('#form_'+plan_id).serialize();

		  $.ajax(
		  {
			type: "post",
			url: "actions.php",
			// A QUERY STRING contendo os dados necessários
			data: valores,
                        dataType:"html",
			// O que deve acontecer antes de ser enviado
			beforeSend: function(){
			  // Mostra a mensagem de carregando
			  $("#carregando").show("fast");
                          $("#form_"+plan_id+" #bt_atualizar").attr("disabled", "disabled");
			},
			// O que deve acontecer quando o processo estiver completo
			complete: function(){
			  // Oculta a mensagem carregando
			  $("#carregando").hide("slow");
                          $("#form_"+plan_id+" #bt_atualizar").removeAttr("disabled");
			},
			success: function(conteudo){
                          $("#resultado-"+plan_id).addClass("alert alert-success");
			  $("#resultado-"+plan_id).show("fast");
                          $("#resultado-"+plan_id).html(conteudo);
			},
                        error: function(conteudo){
			  $("#resultado-"+plan_id).addClass("alert alert-error");
                          $("#resultado-"+plan_id).show("fast");
                          $("#resultado-"+plan_id).html(conteudo);
			}
		  });
                  return false; 
        });         
        
        
        //Adicionar Plano
        $(document).on('click','#bt_novo_plano',function(){
            $("#dynamic").load("new-form-plano.php");
        });  
        
        
        // AJAX de NOVO plano
	$(document).on('click','#bt_cria_novo_plano',function(){
                  var valores = $('#form_novo').serialize();
		  $.ajax(
		  {
			type: "post",
			url: "actions.php",
			// A QUERY STRING contendo os dados necessários
			data: valores,
                        dataType:"html",
			// O que deve acontecer antes de ser enviado
			beforeSend: function(){
			  // Mostra a mensagem de carregando
			  $("#carregando").show("fast");
                          $("#form_novo #bt_novo_plano").attr("disabled", "disabled");
			},
			// O que deve acontecer quando o processo estiver completo
			complete: function(){
			  // Oculta a mensagem carregando
			  $("#carregando").hide("slow");
                          $("#form_novo #bt_novo_plano").removeAttr("disabled");
			},
			success: function(conteudo){
                        $("#dynamic-sucesso").html(conteudo);
                        $("#dynamic-sucesso").delay('3000').hide('slow');
                         window.location.replace("planos.php?new=success");
			},
                        error: function(conteudo){
			  $("#resultado-novo").addClass("alert alert-error");
                          $("#resultado-novo").show("fast");
                          $("#resultado-novo").html(conteudo);
			}
		  });
                  return false; 
        }); 
        
        
         // AJAX de REMOVE plano
	$(document).on('click','#bt_remove_plano',function(){
                  var plan_id = $(this).data( "plano");
                  var bt_clicado = $(this);
		  $.ajax(
		  {
			type: "post",
			url: "actions.php",
			// A QUERY STRING contendo os dados necessários
			data: "acao=remove-plano&plan_id="+plan_id,
                        dataType:"html",
			// O que deve acontecer antes de ser enviado
			beforeSend: function(){
			  // Mostra a mensagem de carregando
			  $("#carregando").show("fast");
                          bt_clicado.attr("disabled", "disabled");
			},
			// O que deve acontecer quando o processo estiver completo
			complete: function(){
			  // Oculta a mensagem carregando
			  $("#carregando").hide("slow");
                          bt_clicado.removeAttr("disabled");
			},
			success: function(conteudo){
                        $("#dynamic-sucesso-remove").html(conteudo);
                         $("#dynamic-sucesso-remove").show("fast");
                        $("#dynamic-sucesso-remove").delay('5000').hide('slow');
                         window.setTimeout('location.reload()', 5000);
			},
                        error: function(conteudo){
			  $("#dynamic-sucesso-remove").addClass("alert alert-error");
                          $("#dynamic-sucesso-remove").show("fast");
                          $("#dynamic-sucesso-remove").html(conteudo);
			}
		  });
                  return false; 
        }); 
        
        
            </script>
            <div id="miolo" class="">
                <div class="row" style="margin-bottom: 10px">
                <div class="btn-group span2 offset10">
                    <button id="bt_novo_plano" class="btn btn-primary"><i class="icon-plus-sign icon-white"></i> Adicionar Plano</button>
                </div>
                </div><!--row-->
                <div class="row" style="margin-bottom: 10px">
                    <div id="dynamic"></div>
                    <div id="dynamic-sucesso" class="alert alert-info span4" style="display: none"><p>Novo plano foi criado.</p></div>
                    <div id="dynamic-sucesso-remove" class="alert alert-info span4" style="display: none"></div>
                </div><!--row-->
                <?php
                $consulta_plano = mysql_query("SELECT * FROM ldct_plano"); 
                
                while ($plano = mysql_fetch_object($consulta_plano)){
                ?>
            <div class="accordion" id="accordion2">    
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse<?php echo utf8_encode($plano->plan_id); ?>">
                    <?php echo utf8_encode($plano->plan_nome); ?>
                    </a>
                    
                </div>
            <div id="collapse<?php echo utf8_encode($plano->plan_id); ?>" class="accordion-body collapse">
                <div class="accordion-inner">
                
                
                <div id="umplano" class="well ">
                    <!-- Form Name -->
                    <legend><?php echo utf8_encode($plano->plan_nome); ?> 
                        <?php if($plano->plan_id!=5){ ?>
                        <button id="bt_remove_plano" class="btn btn-danger" data-plano="<?php echo $plano->plan_id; ?>"><i class="icon-remove-sign icon-white"></i> Excluir Plano</button>
                        <?php }else if($plano->plan_id==5){ echo "<small>Plano TRIAL não pode ser removido, apenas ocultado (inativo)</small>";} ?>
                    </legend>
                    <div class="btn-group">
                            
                    </div>
                    <form id="form_<?php echo $plano->plan_id; ?>" method="post" class="form-horizontal">
                    <fieldset>
                    <div class="row">
                    <!-- Text input-->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_nome">Plano</label>
                      <div class="controls">
                          <input id="plan_nome" name="plan_nome" type="text"  value="<?php echo utf8_encode($plano->plan_nome); ?>" class="input-medium" required="">

                      </div>
                    </div>

                    <!-- Text input-->
                    <div class="control-group span5">
                      <label class="control-label" for="plan_descricao">Descrição</label>
                      <div class="controls">
                          <input id="plan_descricao" name="plan_descricao" type="text"  value="<?php echo utf8_encode($plano->plan_descricao); ?>" class="input-xlarge">

                      </div>
                    </div>
                    
                    
                    </div><!--row-->
                    <div class="row">
                    <!-- Text input-->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_valor">Valor (R$)</label>
                      <div class="controls">
                        <input id="plan_valor" name="plan_valor" type="text" value="<?php echo utf8_encode($plano->plan_valor); ?>"  class="input-mini" required="">
                        <p class="help-block">use inteiros, por exemplo: 150 (a vírgula não é necessária)</p>
                      </div>
                    </div>
                   
                    <?php
                    $consulta_vd_plano = mysql_query("SELECT * FROM vd_plano WHERE plan_id=$plano->plan_id"); 
                    $vd_plano = mysql_fetch_object($consulta_vd_plano);
                    ?>

                    <!-- Text input-->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_periodo_dias">Período (dias)</label>
                      <div class="controls">
                        <input id="plan_periodo_dias" name="plan_periodo_dias" type="text" value="<?php
                        if($vd_plano!=NULL){
                        echo utf8_encode($vd_plano->plan_periodo_dias);
                        }else echo"";
                        ?>" class="input-mini" required="">
                        <p class="help-block">se for mensal, use 30.</p>
                      </div>
                    </div>

                    <!-- Text input-->
                    <div class="control-group span3">
                      <label class="control-label" for="plan_latencia_dias">Tolerância (dias)</label>
                      <div class="controls">
                        <input id="plan_latencia_dias" name="plan_latencia_dias" type="text" value="<?php
                        if($vd_plano!=NULL){
                        echo utf8_encode($vd_plano->plan_latencia_dias);
                        }else echo"";
                        ?>" class="input-mini" required="">
                        <p class="help-block">quantos dias até cortar o acesso?</p>
                      </div>
                    </div>
                    </div><!--row-->
                     
                    <div class="row"> 
                    <!-- Text input-->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_usuarios">Usuários</label>
                      <div class="controls">
                        <input id="plan_usuarios" name="plan_usuarios" type="text" value="<?php  echo utf8_encode($plano->plan_usuarios);?>" class="input-mini" required="">

                      </div>
                    </div>

                    <!-- Text input-->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_leads">Leads</label>
                      <div class="controls">
                        <input id="plan_leads" name="plan_leads" type="text" value="<?php echo utf8_encode($plano->plan_leads); ?>"  class="input-mini" required="">

                      </div>
                    </div>

                    <!-- Text input-->
                    <div class="control-group span3">
                      <label class="control-label" for="plan_campanhas">Campanhas</label>
                      <div class="controls">
                        <input id="plan_campanhas" name="plan_campanhas" type="text" value="<?php echo utf8_encode($plano->plan_campanhas); ?>"  class="input-mini">

                      </div>
                    </div>
                    </div><!--row-->
                    
                    <div class="row">
                    <!-- Multiple Radios -->
                    <div class="control-group span4">
                      <label class="control-label" for="plan_ativo">Ativo</label>
                      <div class="controls">
                        <label class="radio" for="plan_ativo-1">
                          <input type="radio" name="plan_ativo" id="plan_ativo-1" value="1" <?php
                          if($vd_plano!=NULL){
                             if($vd_plano->plan_ativo==1) echo "checked='checked'";
                          }else echo"";
                          
                          ?> >
                          sim (ativo)
                        </label>
                        <label class="radio" for="plan_ativo-0">
                          <input type="radio" name="plan_ativo" id="plan_ativo-0" value="0" <?php
                          if($vd_plano!=NULL){
                             if($vd_plano->plan_ativo==0) echo "checked='checked'";
                          }else echo"";
                          
                          ?> >
                                 
                          não (inativo)
                        </label>
                      </div>
                    </div>
                    </div><!--row-->
                    <div class="row">
                    <!-- Button -->
                    <div class="control-group span4">
                      <label class="control-label" for="bt_atualizar"></label>
                      <div class="controls">
                          <input name="acao" type="hidden" value="altera-plano"/>
                          <input name="plan_id" type="hidden" value="<?php echo $plano->plan_id; ?>"/>
                          
                          <div class="btn-group">
                              <input type="submit" value="Atualizar" id="bt_atualizar" data-plano="<?php echo utf8_encode($plano->plan_id); ?>" name="bt_atualizar" class="btn btn-primary"/>
                          </div>
                          
                      </div>
                    </div>
                    <div id="resultado-<?php echo $plano->plan_id; ?>" class="span5" style="display: none">
                        
                    </div>
                    </div><!--row-->
                    </fieldset>
                    </form>
                </div><!--umplano-->
                
                </div>
                </div>
              </div><!--accordeon group-->
            </div>
                <?php
                }//fim while
                ?>
            </div><!--miolo-->
            
        </div><!--container-principal-->
        
    </body>
</html>